
 <!DOCTYPE HTML>
<html lang="ch">
<head>
  <meta charset="UTF-8">
  
    <title>Lucene：关键字检索 | Yuan</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    
    <meta name="author" content="Luo Yuan">
    

    
    <meta name="description" content="Lucene是一个基于java开源的全文检索工具包，项目地址是http:&#x2F;&#x2F;lucene.apache.org&#x2F;。难得可贵的是它支持中文检索。下面我们来学习下一个简单的Lucene的入门范例。">
<meta property="og:type" content="article">
<meta property="og:title" content="Lucene：关键字检索">
<meta property="og:url" content="http://luoyuan800.github.io/2020/01/03/lucene/index.html">
<meta property="og:site_name" content="Yuan">
<meta property="og:description" content="Lucene是一个基于java开源的全文检索工具包，项目地址是http:&#x2F;&#x2F;lucene.apache.org&#x2F;。难得可贵的是它支持中文检索。下面我们来学习下一个简单的Lucene的入门范例。">
<meta property="og:locale">
<meta property="article:published_time" content="2020-01-03T08:19:43.000Z">
<meta property="article:modified_time" content="2021-04-22T08:32:54.931Z">
<meta property="article:author" content="Luo Yuan">
<meta name="twitter:card" content="summary">

    
    <link rel="alternative" href="/atom.xml" title="Yuan" type="application/atom+xml">
    
    
    <link rel="icon" href="/img/favicon.ico">
    
    
    <link rel="apple-touch-icon" href="/img/jacman.jpg">
    <link rel="apple-touch-icon-precomposed" href="/img/jacman.jpg">
    
    
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/%02.css">
<link rel="stylesheet" href="/.css">

<meta name="generator" content="Hexo 5.4.0"></head>

  <body>
    <header>
      
<div>
		
			<div id="imglogo">
				<a href="/"><img src="/img/logo.png" alt="Yuan" title="Yuan"/></a>
			</div>
			
			<div id="textlogo">
				<h1 class="site-name"><a href="/" title="Yuan">Yuan</a></h1>
				<h2 class="blog-motto">一点一滴，积累技术</h2>
			</div>
			<div class="navbar"><a class="navbutton navmobile" href="#" title="Menu">
			</a></div>
			<nav class="animated">
				<ul>
					<ul>
					 
						<li><a href="/">Home</a></li>
					
						<li><a href="/archives">Archives</a></li>
					
						<li><a href="/about">About</a></li>
					
					<li>
 					
					<form class="search" action="//google.com/search" method="get" accept-charset="utf-8">
						<label>Search</label>
						<input type="search" id="search" name="q" autocomplete="off" maxlength="20" placeholder="Search" />
						<input type="hidden" name="q" value="site:luoyuan800.github.io">
					</form>
					
					</li>
				</ul>
			</nav>			
</div>
    </header>
    <div id="container">
      <div id="main" class="post" itemscope itemprop="blogPost">
  
	<article itemprop="articleBody"> 
		<header class="article-info clearfix">
  <h1 itemprop="name">
    
      <a href="/2020/01/03/lucene/" title="Lucene：关键字检索" itemprop="url">Lucene：关键字检索</a>
  </h1>
  <p class="article-author">By
       
		<a href="/about" title="Luo Yuan" target="_blank" itemprop="author">Luo Yuan</a>
		
  <p class="article-time">
    <time datetime="2020-01-03T08:19:43.000Z" itemprop="datePublished"> Published 2020-01-03</time>
    
  </p>
</header>
	<div class="article-content">
		
		<div id="toc" class="toc-article">
			<strong class="toc-title">Contents</strong>
		
			<ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5"><span class="toc-number">1.</span> <span class="toc-text">基本概念</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%BD%BF%E7%94%A8%E5%88%B0%E7%9A%84%E7%B1%BB"><span class="toc-number">2.</span> <span class="toc-text">使用到的类</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E9%9C%80%E8%A6%81%E4%BD%BF%E7%94%A8%E5%88%B0%E7%9A%84%E5%8C%85"><span class="toc-number">3.</span> <span class="toc-text">需要使用到的包</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%96%87%E6%9C%AC%E5%88%86%E6%9E%90%E5%B9%B6%E4%B8%94%E5%AD%98%E5%85%A5Index%E4%B8%AD"><span class="toc-number">4.</span> <span class="toc-text">文本分析并且存入Index中</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E7%B4%A2%E5%BC%95%E6%9F%A5%E8%AF%A2"><span class="toc-number">5.</span> <span class="toc-text">索引查询</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%9F%A5%E8%AF%A2%E6%8E%92%E5%BA%8F"><span class="toc-number">6.</span> <span class="toc-text">查询排序</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%88%86%E9%A1%B5%E6%9F%A5%E8%AF%A2"><span class="toc-number">7.</span> <span class="toc-text">分页查询</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#%E8%AE%A1%E6%95%B0"><span class="toc-number">7.1.</span> <span class="toc-text">计数</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%9F%A5%E8%AF%A2%E6%8C%87%E5%AE%9A%E9%A1%B5%E6%95%B0%E7%9A%84%E8%AE%B0%E5%BD%95"><span class="toc-number">8.</span> <span class="toc-text">查询指定页数的记录</span></a></li></ol>
		
		</div>
		
		<p>Lucene是一个基于java开源的全文检索工具包，项目地址是<a target="_blank" rel="noopener" href="http://lucene.apache.org/%E3%80%82%E9%9A%BE%E5%BE%97%E5%8F%AF%E8%B4%B5%E7%9A%84%E6%98%AF%E5%AE%83%E6%94%AF%E6%8C%81%E4%B8%AD%E6%96%87%E6%A3%80%E7%B4%A2%E3%80%82%E4%B8%8B%E9%9D%A2%E6%88%91%E4%BB%AC%E6%9D%A5%E5%AD%A6%E4%B9%A0%E4%B8%8B%E4%B8%80%E4%B8%AA%E7%AE%80%E5%8D%95%E7%9A%84Lucene%E7%9A%84%E5%85%A5%E9%97%A8%E8%8C%83%E4%BE%8B%E3%80%82">http://lucene.apache.org/。难得可贵的是它支持中文检索。下面我们来学习下一个简单的Lucene的入门范例。</a><span id="more"></span></p>
<h2 id="基本概念"><a href="#基本概念" class="headerlink" title="基本概念"></a>基本概念</h2><ol>
<li><code>Index</code>。 在Lucene中index是一个集合， 这个集合中会包含多个全文关键字以待检索。本例中我们的index是一个文件夹，我们会把待检索内容进行分词后存入这个文件夹中。</li>
<li><code>Document</code>。文档指代的是一篇待进行检索的全文。对一篇文档（或者待检索内容）进行关键字分词后就存入文档中。<h2 id="使用到的类"><a href="#使用到的类" class="headerlink" title="使用到的类"></a>使用到的类</h2></li>
<li><code>org.apache.lucene.store.Directory</code>。 这个类是Lucen中表示索引存储位置的类，它可以是一个<code>org.apache.lucene.store.FSDirectory</code>表示将索引存储到文件系统中。也可是<code>org.apache.lucene.store.RAMDirectory</code>将索引存储到内存中。</li>
<li><code>org.apache.lucene.analysis.Analyzer</code> 是词法分析器，用来进行语言分词，在创建索引和检索的时候需要使用同样的分析器来进行语句分析。为了支持中文检索，我们将会使用到<code>org.apache.lucene.analysis.cjk.CJKAnalyzer</code>，这个分析器同样支持日文的检索。</li>
<li><code>org.apache.lucene.index.IndexReader</code>。顾名思义这个类是用来读取Index的类，我们在进行检索的时候需要让检索器知道如何去读取Index，那么就需要构建一个IndexReader。我们将会使用的Reader将是普通的<code>org.apache.lucene.index.DirectoryReader</code>。</li>
<li><code>org.apache.lucene.search.IndexSearcher</code>是用来进行Index检索的主类。</li>
<li><code>org.apache.lucene.index.IndexWriter</code>是构建index的时候使用到的类，用来将index输入到指定的位置（文件系统或者内存）。构建writer的时候还需要构建<code>org.apache.lucene.index.IndexWriterConfig</code>来对writer进行配置。</li>
<li><code>org.apache.lucene.document.Document</code>。如前段说说，Document是一篇待检索内容。Document中可以存储多个内容用来表示一篇完整的待检索内容（文本）。Document必须要存储在Index中，可以在存储的时候选择是否要存储原内容或者只存储用于检索的关键字。</li>
<li><code>org.apache.lucene.document.StoredField</code>。用来存储一段需要保存到Index中的内容，这个内容在后续检索的时候可以直接获取原文（不会进行分词或者index转换）。一般存储一些很小的数据内容，并且需要在检索过程中使用到的内容，比如排序之类的关键字。</li>
<li><code>org.apache.lucene.document.TextField</code>。用来存储一大段文本的分词结果，通常用于不需要存储原文的大段文本内容。</li>
<li><code>org.apache.lucene.document.StringField</code>。这个用来表示会存进index中但不会进行分词的内容，通常用来存储关键字，或者一些不会变化的文本，可以用来作为Document的id来进行Document运行时的更新。</li>
<li><code>org.apache.lucene.search.ScoreDoc</code>。用来表示检索过程中hit的Document，其中会有Document的顺序标识（用来取出Document）和检索的时候匹配度（个人理解，仅供参考）。</li>
</ol>
<p>下面我们开始学习代码</p>
<h2 id="需要使用到的包"><a href="#需要使用到的包" class="headerlink" title="需要使用到的包"></a>需要使用到的包</h2><p>下载Lucene后会发现了有好多包，那么基础的包在以下几个目录中，这些包是一定要引入的。</p>
<ol>
<li>analysis\common\这个包里面包含了我们需要的分析器，如果需要其他类型的分析器，可以尝试去analysis目录下寻找。</li>
<li>core\这个目录下的包是Lucene的运行核心代码</li>
<li>queries\和queryparser\目录下的包是用来执行检索查询功能的核心包</li>
</ol>
<h2 id="文本分析并且存入Index中"><a href="#文本分析并且存入Index中" class="headerlink" title="文本分析并且存入Index中"></a>文本分析并且存入Index中</h2><p>首先我们需要指定Index的存储位置，本例中我们使用文件系统来存储Index，那么需要构建一个FSDirectory：</p>
<pre><code>Path indexPath = Paths.get(indexPathString);
Directory indexDir = FSDirectory.open(indexPath);
</code></pre>
<p>其次我们需要构建一个IndexWriter进行Index的存储，在构建的时候我们可以指定index的存储方式CREATE_OR_APPEND，表明我们期望在index存在的情况下只进行update而不是创建新的index：</p>
<pre><code>IndexWriterConfig iwc = new IndexWriterConfig(analyzer);
iwc.setOpenMode(IndexWriterConfig.OpenMode.CREATE_OR_APPEND);
IndexWriter writer = new IndexWriter(indexDir, iwc);
</code></pre>
<p>获得了Writer之后我们就可以开始构建Document，然后使用Writer将Document写入文件中。一个Document对应一个待检索内容。所以完整的构建index的代码如下：</p>
<pre><code>public void index(String id, String context, String title)&#123;
    //构建存储index的目录
    Path indexPath = Paths.get(indexPathString);
    Directory indexDir = FSDirectory.open(indexPath);
    Analyzer analyzer = new CJKAnalyzer();
    //构建Writer
    IndexWriterConfig iwc = new IndexWriterConfig(analyzer);
    iwc.setOpenMode(IndexWriterConfig.OpenMode.CREATE_OR_APPEND);
    IndexWriter writer = new IndexWriter(indexDir, iwc);
    //构建的待检索文本的Document
    Document doc = new Document();
    //存储为TextField的格式（分词）并且不存储原文本的内容（减少存储空间的占用）
    doc.add(new 
    TextField(&quot;context&quot;, context, Field.Store.NO));
    doc.add(new TextField(&quot;title&quot;, title, Field.Store.NO));
    //添加index创建的时间，可以在后续进行检索查询的时候作为排序依据。当然你可以自己决定是否存储。
    doc.add(new StoredField(&quot;created&quot;, System.currentTimeMillis()));
    //存储id标识（可以是文本id或者数据库中记录id，以方便后续查询的时候可以通过这个id找回原文本内容）
    doc.add(new StoredField(&quot;id&quot;, id));
&#125;
</code></pre>
<h2 id="索引查询"><a href="#索引查询" class="headerlink" title="索引查询"></a>索引查询</h2><p>要根据关键字进行前段构建的索引的查询，我们需要构建IndexSearcher。并且我们需要明白Lucene中查询是返回TopN的形式，并且需要指定是通过哪一个字段进行检索（比如前段中的contex还是title）。下面的是范例代码：</p>
<pre><code>public List&lt;String&gt; query(String keyWord)&#123;
    List&lt;String&gt; ids = new Arrayist&lt;String&gt;();
    //必须使用和构建index的时候使用的Analyzer一样的类
    Analyzer analyzer = new CJKAnalyzer();
    //我们需要构建一个QueryPaser来生出查询使用的Query对象
    //构建的时候需要指定我们查询要针对的是哪一个字段，比如本例中指定对contex字段进行查询
    //这个contex是在构建Document的是存入Document中的。
    QueryParser parser = new QueryParser(&quot;context&quot;, analyzer);
    Query query = parser.parse(key);
    //构建一个Reader
    IndexReader indexReader = DirectoryReader.open(indexDir);
    //根据Reader构建Searcher
    IndexSearcher searcher = new IndexSearcher(indexReader);
    //查询Top100个记录
    ScoreDoc[] docs = searcher.search(query, 100).scoreDocs;
    for (ScoreDoc doc : docs) &#123;
    //根据记录中的docid来获取Document的具体对象。
    Document document = searcher.doc(doc.doc);
       //需要注意的是必须是在构建Index的时候指定Store为true的filed才可以在这里取出 ids.add(document.get(&quot;id&quot;));
    &#125;
    retirn ids;
&#125;
</code></pre>
<h2 id="查询排序"><a href="#查询排序" class="headerlink" title="查询排序"></a>查询排序</h2><p>如果要对查询结果进行排序，那么我们需要在进行查询的时候传入一个org.apache.lucene.search.Sort对象，比如需要使用”created”进行排序，那么在进行Searcher之前需要构建一个Sort对象：</p>
<pre><code>Sort sort = new Sort(new SortField(&quot;create&quot;, SortField.Type.LONG));
//查询Top100个记录
ScoreDoc[] docs = searcher.search(query, 100, sort).scoreDocs;
</code></pre>
<h2 id="分页查询"><a href="#分页查询" class="headerlink" title="分页查询"></a>分页查询</h2><h3 id="计数"><a href="#计数" class="headerlink" title="计数"></a>计数</h3><p>既然要分页，那么我们需要知道关键字hit到的记录总数：</p>
<pre><code>public int count(String key, String field)&#123;
    QueryParser parser = new QueryParser(&quot;context&quot;, analyzer);
    Query query = parser.parse(key);
    //构建一个Reader
    IndexReader indexReader = DirectoryReader.open(indexDir);
    //根据Reader构建Searcher
    IndexSearcher searcher = new IndexSearcher(indexReader);
    return searcher.count(query);
&#125;
</code></pre>
<h2 id="查询指定页数的记录"><a href="#查询指定页数的记录" class="headerlink" title="查询指定页数的记录"></a>查询指定页数的记录</h2><p>Lucene中并没有提供一个直观的分页功能，但是它有提供了searchAfter功能，我们可以使用这个功能来进行分页查询。为了实现searchAfter，我们需要知道上一次（上一页）查询的最后一个ScoreDoc。我们可以在每次查询的时候都根据页数和每页显示的数量来找到最后一个ScoreDoce。当然这个方法有缺点就是如果只是查询后面几页的记录的话，我们还是需要查询出前面所有的ScoreDoc。这会导致内存占用的浪费。</p>
<pre><code>public ScoreDoc getLastScoreDoc(int page, int rows, Query query, Sort sort) throws IOException &#123;
    if (page == 1) return null;//如果是第一页就返回空
    int num = rows * (page - 1);//获取上一页的最后数量
    TopDocs tds = searcher.search(query, num, sort);
    return tds.scoreDocs[num - 1];
&#125;
</code></pre>
<p>当获得了前一页的最后一个ScoreDoc之后我们就可以使用searchAfer的方法查询当前页面的ScoreDoc了，这里我们需要注意的是如果使用了排序，那么在获取上一页最后一个ScoreDoc和获取当前页面的SocreDoc的时候都需要使用一样的Sort。</p>
<pre><code>//page： 要显示的页数
//rows： 每页显示多少条记录
//...省略构建Searcher的过程
Sort sort = new Sort(new SortField(&quot;create&quot;, SortField.Type.LONG));
ScoreDoc last = getLastScoreDoc(page, rows, query, sort);
ScoreDoc[] docs = searcher.searchAfter(last, query, rows, sort).scoreDocs;
//...后续处理    
</code></pre>
  
	</div>
		<footer class="article-footer clearfix">
<div class="article-catetags">

<div class="article-categories">
  <span></span>
  <a class="article-category-link" href="/categories/%E7%BC%96%E7%A8%8B-Java/">编程-Java</a>
</div>


</div>



	<div class="article-share" id="share">
	
	  <div data-url="http://luoyuan800.github.io/2020/01/03/lucene/" data-title="Lucene：关键字检索 | Yuan" data-tsina="" class="share clearfix">
	  </div>
	
	</div>


</footer>

   	       
	</article>
	
<nav class="article-nav clearfix">
 
 <div class="prev" >
 <a href="/2020/08/13/lmax-disruptor/" title="什么是LMAX Disruptor">
  <strong>上一篇：</strong><br/>
  <span>
  什么是LMAX Disruptor</span>
</a>
</div>


<div class="next">
<a href="/2019/07/03/git-tip/"  title="Git使用细节">
 <strong>下一篇：</strong><br/> 
 <span>Git使用细节
</span>
</a>
</div>

</nav>

	



</div>  
      <div class="openaside"><a class="navbutton" href="#" title="Show Sidebar"></a></div>

  <div id="toc" class="toc-aside">
  <strong class="toc-title">Contents</strong>
 
 <ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5"><span class="toc-number">1.</span> <span class="toc-text">基本概念</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%BD%BF%E7%94%A8%E5%88%B0%E7%9A%84%E7%B1%BB"><span class="toc-number">2.</span> <span class="toc-text">使用到的类</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E9%9C%80%E8%A6%81%E4%BD%BF%E7%94%A8%E5%88%B0%E7%9A%84%E5%8C%85"><span class="toc-number">3.</span> <span class="toc-text">需要使用到的包</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%96%87%E6%9C%AC%E5%88%86%E6%9E%90%E5%B9%B6%E4%B8%94%E5%AD%98%E5%85%A5Index%E4%B8%AD"><span class="toc-number">4.</span> <span class="toc-text">文本分析并且存入Index中</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E7%B4%A2%E5%BC%95%E6%9F%A5%E8%AF%A2"><span class="toc-number">5.</span> <span class="toc-text">索引查询</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%9F%A5%E8%AF%A2%E6%8E%92%E5%BA%8F"><span class="toc-number">6.</span> <span class="toc-text">查询排序</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%88%86%E9%A1%B5%E6%9F%A5%E8%AF%A2"><span class="toc-number">7.</span> <span class="toc-text">分页查询</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#%E8%AE%A1%E6%95%B0"><span class="toc-number">7.1.</span> <span class="toc-text">计数</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%9F%A5%E8%AF%A2%E6%8C%87%E5%AE%9A%E9%A1%B5%E6%95%B0%E7%9A%84%E8%AE%B0%E5%BD%95"><span class="toc-number">8.</span> <span class="toc-text">查询指定页数的记录</span></a></li></ol>
 
  </div>

<div id="asidepart">
<div class="closeaside"><a class="closebutton" href="#" title="Hide Sidebar"></a></div>
<aside class="clearfix">

  


  
<div class="categorieslist">
	<p class="asidetitle">Categories</p>
		<ul>
		
		  
			<li><a href="/categories/杂物-医学/" title="杂物-医学">杂物-医学<sup>1</sup></a></li>
		  
		
		  
			<li><a href="/categories/编程-Java/" title="编程-Java">编程-Java<sup>13</sup></a></li>
		  
		
		  
			<li><a href="/categories/编程-Linux-Unix/" title="编程-Linux/Unix">编程-Linux/Unix<sup>4</sup></a></li>
		  
		
		  
			<li><a href="/categories/编程-工具/" title="编程-工具">编程-工具<sup>4</sup></a></li>
		  
		
		  
			<li><a href="/categories/编程-网络协议/" title="编程-网络协议">编程-网络协议<sup>1</sup></a></li>
		  
		
		  
			<li><a href="/categories/网站-开发/" title="网站-开发">网站-开发<sup>2</sup></a></li>
		  
		
		</ul>
</div>


  

  <div class="linkslist">
  <p class="asidetitle">Links</p>
    <ul>
        
          <li>
            
            	<a href="https://coderq.com" target="_blank" title="一个面向程序员交流分享的新一代社区">码农圈</a>
            
          </li>
        
          <li>
            
            	<a href="http://wuchong.me" target="_blank" title="Jark&#39;s Blog">Jark&#39;s Blog</a>
            
          </li>
        
    </ul>
</div>

  


  <div class="rsspart">
	<a href="/atom.xml" target="_blank" title="rss">RSS</a>
</div>

  <div class="weiboshow">
  <p class="asidetitle">Weibo</p>
    <iframe width="100%" height="119" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=119&fansRow=2&ptype=1&speed=0&skin=9&isTitle=1&noborder=1&isWeibo=0&isFans=0&uid=&verifier=&dpc=1"></iframe>
</div>


</aside>
</div>
    </div>
    <footer><div id="footer" >
	
	<div class="line">
		<span></span>
		<div class="author"></div>
	</div>
	
	
	<section class="info">
		<p> Hello ,I&#39;m Luo Yuan in Zhuhai. <br/>
			Here is my place for knowledge accumulation.</p>
	</section>
	 
	<div class="social-font" class="clearfix">
		
		
		
		
		
		
		
		
		
		
	</div>
			
		

		<p class="copyright">
		Powered by <a href="http://hexo.io" target="_blank" title="hexo">hexo</a> and Theme by <a href="https://github.com/wuchong/jacman" target="_blank" title="Jacman">Jacman</a> © 2021 
		
		<a href="/about" target="_blank" title="Luo Yuan">Luo Yuan</a>
		
		
		</p>
</div>
</footer>
    <script src="/js/jquery-2.0.3.min.js"></script>
<script src="/js/jquery.imagesloaded.min.js"></script>
<script src="/js/gallery.js"></script>
<script src="/js/jquery.qrcode-0.12.0.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){ 
  $('.navbar').click(function(){
    $('header nav').toggleClass('shownav');
  });
  var myWidth = 0;
  function getSize(){
    if( typeof( window.innerWidth ) == 'number' ) {
      myWidth = window.innerWidth;
    } else if( document.documentElement && document.documentElement.clientWidth) {
      myWidth = document.documentElement.clientWidth;
    };
  };
  var m = $('#main'),
      a = $('#asidepart'),
      c = $('.closeaside'),
      o = $('.openaside');
  c.click(function(){
    a.addClass('fadeOut').css('display', 'none');
    o.css('display', 'block').addClass('fadeIn');
    m.addClass('moveMain');
  });
  o.click(function(){
    o.css('display', 'none').removeClass('beforeFadeIn');
    a.css('display', 'block').removeClass('fadeOut').addClass('fadeIn');      
    m.removeClass('moveMain');
  });
  $(window).scroll(function(){
    o.css("top",Math.max(80,260-$(this).scrollTop()));
  });
  
  $(window).resize(function(){
    getSize(); 
    if (myWidth >= 1024) {
      $('header nav').removeClass('shownav');
    }else{
      m.removeClass('moveMain');
      a.css('display', 'block').removeClass('fadeOut');
      o.css('display', 'none');
      
      $('#toc.toc-aside').css('display', 'none');
        
    }
  });
});
</script>

<script type="text/javascript">
$(document).ready(function(){ 
  var ai = $('.article-content>iframe'),
      ae = $('.article-content>embed'),
      t  = $('#toc'),
      ta = $('#toc.toc-aside'),
      o  = $('.openaside'),
      c  = $('.closeaside');
  if(ai.length>0){
    ai.wrap('<div class="video-container" />');
  };
  if(ae.length>0){
   ae.wrap('<div class="video-container" />');
  };
  c.click(function(){
    ta.css('display', 'block').addClass('fadeIn');
  });
  o.click(function(){
    ta.css('display', 'none');
  });
  $(window).scroll(function(){
    ta.css("top",Math.max(140,320-$(this).scrollTop()));
  });
});
</script>


<script type="text/javascript">
$(document).ready(function(){ 
  var $this = $('.share'),
      url = $this.attr('data-url'),
      encodedUrl = encodeURIComponent(url),
      title = $this.attr('data-title'),
      tsina = $this.attr('data-tsina'),
      description = $this.attr('description');
  var html = [
  '<div class="hoverqrcode clearfix"></div>',
  '<a class="overlay" id="qrcode"></a>',
  '<a href="https://www.facebook.com/sharer.php?u=' + encodedUrl + '" class="article-share-facebook" target="_blank" title="Facebook"></a>',
  '<a href="https://twitter.com/intent/tweet?url=' + encodedUrl + '" class="article-share-twitter" target="_blank" title="Twitter"></a>',
  '<a href="#qrcode" class="article-share-qrcode" title="微信"></a>',
  '<a href="http://widget.renren.com/dialog/share?resourceUrl=' + encodedUrl + '&srcUrl=' + encodedUrl + '&title=' + title +'" class="article-share-renren" target="_blank" title="人人"></a>',
  '<a href="http://service.weibo.com/share/share.php?title='+title+'&url='+encodedUrl +'&ralateUid='+ tsina +'&searchPic=true&style=number' +'" class="article-share-weibo" target="_blank" title="微博"></a>',
  '<span title="Share to"></span>'
  ].join('');
  $this.append(html);

  $('.hoverqrcode').hide();

  var myWidth = 0;
  function updatehoverqrcode(){
    if( typeof( window.innerWidth ) == 'number' ) {
      myWidth = window.innerWidth;
    } else if( document.documentElement && document.documentElement.clientWidth) {
      myWidth = document.documentElement.clientWidth;
    };
    var qrsize = myWidth > 1024 ? 200:100;
    var options = {render: 'image', size: qrsize, fill: '#2ca6cb', text: url, radius: 0.5, quiet: 1};
    var p = $('.article-share-qrcode').position();
    $('.hoverqrcode').empty().css('width', qrsize).css('height', qrsize)
                          .css('left', p.left-qrsize/2+20).css('top', p.top-qrsize-10)
                          .qrcode(options);
  };
  $(window).resize(function(){
    $('.hoverqrcode').hide();
  });
  $('.article-share-qrcode').click(function(){
    updatehoverqrcode();
    $('.hoverqrcode').toggle();
  });
  $('.article-share-qrcode').hover(function(){}, function(){
      $('.hoverqrcode').hide();
  });
});   
</script>











<link rel="stylesheet" href="/fancybox/jquery.fancybox.css" media="screen" type="text/css">
<script src="/fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){ 
  $('.article-content').each(function(i){
    $(this).find('img').each(function(){
      if ($(this).parent().hasClass('fancybox')) return;
      var alt = this.alt;
      if (alt) $(this).after('<span class="caption">' + alt + '</span>');
      $(this).wrap('<a href="' + this.src + '" title="' + alt + '" class="fancybox"></a>');
    });
    $(this).find('.fancybox').each(function(){
      $(this).attr('rel', 'article' + i);
    });
  });
  if($.fancybox){
    $('.fancybox').fancybox();
  }
}); 
</script>



<!-- Analytics Begin -->



<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?e6d1f421bbc9962127a50488f9ed37d1";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>



<!-- Analytics End -->

<!-- Totop Begin -->

	<div id="totop">
	<a title="Back to Top"><img src="/img/scrollup.png"/></a>
	</div>
	<script src="/js/totop.js"></script>

<!-- Totop End -->

<!-- MathJax Begin -->
<!-- mathjax config similar to math.stackexchange -->


<!-- MathJax End -->

<!-- Tiny_search Begin -->

<!-- Tiny_search End -->

  </body>
</html>
